<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateGrupo.xhtml">
	<ui:define name="content">
		<h3 align="center">
			PRESUEPUESTO<br />
			<br />
		</h3>
			<rich:tabPanel switchType="client" id="tabla">
				<rich:tab label="Trayecto Uno">
					<a4j:form>

						<table border="0">


							<tr>
								<td bgcolor="#87CEEB"></td>
								<th bgcolor="#87CEEB">TOTALES</th>
								<th bgcolor="#87CEEB">PORCENTAJE %</th>
								

							</tr>
							<tr>
								<th bgcolor="#FF9966">PRIMER SEGMENTO O TRAYECTO</th>
								<td bgcolor="#FF9966"></td>
								<td bgcolor="#FF9966"></td>



							</tr>
							<tr>
								<td>Insumos para la investigación (pruebas de laboratorio)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento1.totalInsumos}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento1.porcenInsumos}" /></td>

							</tr>
							<tr>
								<td>Papelería (fotocopias, impresiones, lápices, lapiceros,
									libreta de apuntes)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento1.totalPapeleria}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento1.porcenPapeleria}" /></td>

							</tr>
							<tr>
								<td>Transporte municipal e intermunicipal</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento1.totalTransporte}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento1.porcenTransporte}" /></td>

							</tr>
							<tr>
								<td>Correo aéreo e internet</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento1.totalCorreo}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento1.porcenCorreo}" /></td>

							</tr>
							<tr>
								<td>Materiales de divulgación (plegable, videos,
									fotografías, afiches)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento1.totalDivulgacion}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento1.porcenDivulgacion}" /></td>

							</tr>
							<tr>
								<td>Refrigerios</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento1.totalRefrigerios}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento1.porcenRefrigerios}" /></td>

							</tr>
							<tr>
								<th bgcolor="#87CEEB">Subtotal</th>
								<th bgcolor="#87CEEB"><h:outputText style="width: 150px; "
										value="#{grupoBean.segmento1.total}" id="subtotal1"></h:outputText>
								</th>
								<td bgcolor="#87CEEB"><h:outputFormat value="#{grupoBean.segmento1.porcenTotal}" /></td>


							</tr>
							<tr>
								<td><a4j:commandButton value="Aceptar"
										action="#{grupoBean.crearBitacora5Presupuesto}"
										reRender="tabla,subtotal1" style="width: 80px; height: 30px; " />
								</td>
								<td><h:commandButton value="Cancelar"></h:commandButton>
								</td>
							</tr>

						</table>





					</a4j:form>

				</rich:tab>
				<rich:tab label="Trayecto Dos">
					<a4j:form>
						<table border="0">


							<tr>
								<td bgcolor="#87CEEB"></td>
								<th bgcolor="#87CEEB">TOTALES</th>
								<th bgcolor="#87CEEB">PORCENTAJE %</th>

							</tr>
							<tr>
								<th bgcolor="#FF9966">SEGUNDO SEGMENTO O TRAYECTO</th>
								<td bgcolor="#FF9966"></td>
								<td bgcolor="#FF9966"></td>





							</tr>

							<tr>
								<td>Insumos para la investigación (pruebas de laboratorio)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento2.totalInsumos}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento2.porcenInsumos}" /></td>

							</tr>
							<tr>
								<td>Papelería (fotocopias, impresiones, lápices, lapiceros,
									libreta de apuntes)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento2.totalPapeleria}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento2.porcenPapeleria}" /></td>



							</tr>
							<tr>
								<td>Transporte municipal e intermunicipal</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento2.totalTransporte}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento2.porcenTransporte}" /></td>

							</tr>
							<tr>
								<td>Correo aéreo e internet</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento2.totalCorreo}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento2.porcenCorreo}" /></td>

							</tr>
							<tr>
								<td>Materiales de divulgación (plegable, videos,
									fotografías, afiches)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento2.totalDivulgacion}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento2.porcenDivulgacion}" /></td>
								

							</tr>
							<tr>
								<td>Refrigerios</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento2.totalRefrigerios}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento2.porcenRefrigerios}" /></td>

							</tr>

							<tr>
								<th bgcolor="#87CEEB">Subtotal</th>
								<th bgcolor="#87CEEB"><h:outputText style="width: 150px; "
										value="#{grupoBean.segmento2.total}" />
								</th>
								<td bgcolor="#87CEEB"><h:outputFormat value="#{grupoBean.segmento2.porcenTotal}" /></td>

							</tr>

							<tr>
								<td><h:commandButton value="Aceptar"
										action="#{grupoBean.crearBitacora5Presupuesto}"
										oncomplete="submit()" style="width: 80px; height: 29px; " />
								</td>
								<td><h:commandButton value="Cancelar"></h:commandButton>
								</td>
							</tr>
						</table>

					</a4j:form>

				</rich:tab>
				<rich:tab label="Trayecto Tres">
					<a4j:form>
						<table border="0">

							<tr>
								<td bgcolor="#87CEEB"></td>
								<th bgcolor="#87CEEB">TOTALES</th>
								<th bgcolor="#87CEEB">PORCENTAJE %</th>
								

							</tr>
							<tr>
								<th bgcolor="#FF9966">TERCER SEGMENTO O TRAYECTO</th>
								<td bgcolor="#FF9966"></td>
								<td bgcolor="#FF9966"></td>
							</tr>

							<tr>
								<td>Insumos para la investigación (pruebas de laboratorio)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento3.totalInsumos}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento3.porcenInsumos}" /></td>

							</tr>
							<tr>
								<td>Papelería (fotocopias, impresiones, lápices, lapiceros,
									libreta de apuntes)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento3.totalPapeleria}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento3.porcenPapeleria}" /></td>


							</tr>
							<tr>
								<td>Transporte municipal e intermunicipal</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento3.totalTransporte}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento3.porcenTransporte}" /></td>

							</tr>
							<tr>
								<td>Correo aéreo e internet</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento3.totalCorreo}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento3.porcenCorreo}" /></td>

							</tr>
							<tr>
								<td>Materiales de divulgación (plegable, videos,
									fotografías, afiches)</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento3.totalDivulgacion}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento3.porcenDivulgacion}" /></td>

							</tr>
							<tr>
								<td>Refrigerios</td>
								<td><h:inputTextarea style="height: 50px; "
										value="#{grupoBean.segmento3.totalRefrigerios}"></h:inputTextarea>
								</td>
								<td><h:outputFormat value="#{grupoBean.segmento3.porcenRefrigerios}" /></td>

							</tr>

							<tr>
								<th bgcolor="#87CEEB">Subtotal</th>
								<th bgcolor="#87CEEB"><h:outputText style="width: 150px; "
										value="#{grupoBean.segmento3.total}" />
								</th>
								<td bgcolor="#87CEEB"><h:outputFormat value="#{grupoBean.segmento3.porcenTotal}" /></td>


							</tr>

							<tr>
								<td><h:commandButton value="Aceptar"
										action="#{grupoBean.crearBitacora5Presupuesto}"
										oncomplete="submit()" style="width: 80px; height: 29px; " />
								</td>
								<td><h:commandButton value="Cancelar"></h:commandButton>
								</td>
							</tr>
						</table>
					</a4j:form>
				</rich:tab>
					
					<br />
					
					<a4j:form>

						<table border="0">

							<tr>
								<th bgcolor="#FF9966">TOTAL:</th>
								<td bgcolor="#FF9966"><h:inputText style="width: 150px; "
										value="#{grupoBean.bitacora5.total}"></h:inputText></td>


								<td bgcolor="#FF9966"><h:inputText style="width: 150px; "
										value="#{grupoBean.bitacora5.porcentajeTotal}"></h:inputText>
								</td>
							</tr>
						</table>


					</a4j:form>

			

			</rich:tabPanel>
	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="grupoIni.jsf"> <span>Atras</span>
				</a>
				</li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>